<template>
  <div :style="{width:width,height: height,left:left,top:top}" class="setScale"></div>
</template>

<script>
  export default {
    props: {
      width: {
        require:true,
        type:String,
        default:'0'
      },
      height: {
        require:true,
        type:String,
        default:'0'
      },
      left: {
        require:true,
        type:String,
        default:'0'
      },
      top: {
        require:true,
        type:String,
        default:'0'
      },
      
    },
    data(){
      return{
      
      }
    },
    mounted(){
    },
    methods:{
    
    }
    
  }
  
  
</script>

<style scoped>
  .setScale{
    position: absolute;
    animation: mySet 2s infinite;
    background-repeat: no-repeat;
    z-index: 90999;
    background-size: contain;
    background-image: url("../../static/animation.png");
  }
  @keyframes mySet {
    0% {transform: scale(1,1);}
    /*15% {transform: scale(1.05,1.05)}*/
    /*20% {transform: scale(1.075,1.075)}*/
    20% {transform: scale(1.485,1.485)}
    22% {transform: scale(1.49,1.49)}
    23% {transform: scale(1.495,1.495)}
    24% {transform: scale(1.5,1.5)}
    25% {transform: scale(1.495,1.495)}
    26% {transform: scale(1.49,1.49)}
    /*34% {transform: scale(1.45,1.45)}*/
    /*37% {transform: scale(1.44,1.44)}*/
    /*40% {transform: scale(1.425,1.425)}*/
    /*43% {transform: scale(1.4,1.4)}*/
    /*46% {transform: scale(1.375,1.375)}*/
    /*49% {transform: scale(1.35,1.35)}*/
    /*52% {transform: scale(1.325,1.325)}*/
    /*55% {transform: scale(1.3,1.3)}*/
    /*58% {transform: scale(1.2,1.2);}*/
    /*61% {transform: scale(1.175,1.175);}*/
    /*64% {transform: scale(1.15,1.15)}*/
    /*67% {transform: scale(1.125,1.125)}*/
    /*70% {transform: scale(1.1,1.1)}*/
    /*73% {transform: scale(1.075,1.075)}*/
    /*76% {transform: scale(1.05,1.05)}*/
    /*79% {transform: scale(1.025,1.025)}*/
    /*82% {transform: scale(1.025,1.025)}*/
    /*85% {transform: scale(1.025,1.025)}*/
    /*88% {transform: scale(1.025,1.025)}*/
    /*81% {transform: scale(1.025,1.025)}*/
    /*84% {transform: scale(1.025,1.025)}*/
    /*87% {transform: scale(1.025,1.025)}*/
    /*90% {transform: scale(1.025,1.025)}*/
    /*93% {transform: scale(1.025,1.025)}*/
    /*96% {transform: scale(1.025,1.025)}*/
    /*97% {transform: scale(1.025,1.025)}*/
    100% {transform: scale(1,1)}
  }
</style>
